<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Vertebrates</title>
</head>
<body>
    <ul>
        <li>
            <strong>Fish</strong>
            <ul>
                <li>Barramudi</li>
                <li>Kissing Gourami</li>
                <li>Mummichog</li>
            </ul>
        </li>
        <li>
            <strong>Anura</strong>
            <ul>
                <li>Anura
                    <ul>
                        <li>Goliath Frog</li>
                        <li>Poison Dart Frog</li>
                        <li>Purple Frog</li>
                    </ul>
                </li>
                <li>Caudata
                    <ul>
                        <li>Hellbender</li>
                        <li>Mudpuppy</li>
                    </ul>
                </li>
            </ul>
        </li>
        <li>
            <strong>Reptiles</strong>
            <ul>
                <li>Nice Crocodile</li>
                <li>King Cobra</li>
                <li>Common Snapping Turtle</li>
            </ul>
        </li>
    </ul>
    <ul style="list-style-type: circle;">
        <li>extra</li>
        <li>super</li>
        <li style="list-style-type: square">special</li>
    </ul>
</body>
</html>